<template>
	<div class="child">
		<h2>我是Child组件</h2>
		<h3>有件事需要做：{{study.name}}</h3>
		<h3>要做事的时间：{{study.date}}</h3>
		是否做完了：<input type="checkbox" :checked="study.done" @change="handleClick">
	</div>
</template>

<script>
	export default {
		name:'Child',
		props:['study','checkDone'],
		methods: {
			handleClick(event){
				console.log('@',event.target.checked)
				this.checkDone(event.target.checked)
			}
		},
	}
</script>

<style scoped>
	.child{
		background-color: orange;
		padding: 20px;
	}
</style>